<template>
  <fc-designer ref="designer" />
</template>
<script setup lang="ts">
import { onMounted, ref } from 'vue'

//构建设计器对象
const designer = ref<any>(null)
onMounted(() => {
  designer.value.addMenu({
    title: '系统组件',
    name: 'system',
    list: []
  })
})
</script>
<style>
.dark ._fc-l-item {
  background: #141414;
  color: #f1f1f1;
}

.dark ._fc-m-drag {
  background-color: #141414 !important;
}

.dark ._fc_fetch {
  background-color: #141414 !important;
}

.dark ._fc-l-item:hover {
  background: #2e73ff;
  color: #fff;
}
</style>
